@media (min-width:768px) {
    .index-case .more {
        display: none
    }

    .mfooter {
        display: none
    }

    .bp2 {
        display: none
    }
	
	.mnav{display: none}
}

@media (max-width:1300px) {
    .sabout .a1 .txt .box2 .con {
        -webkit-line-clamp: 4;
    }
}

@media (max-width:1200px) {
    .acon {
        padding: 0 15px;
    }

    .proright {
        width: 76%
    }
}

@media (max-width:1300px) {
    .sabout .a1 .txt .box2 .con {
        -webkit-line-clamp: 3;
    }
}

@media (max-width:1000px) {
	.mnav{display: block}
	.pnav{display: none}
    #header {
        display: none
    }

    .mhead {
        padding: 15px 20px;
        display: flex;
        align-items: center;
    }

    .mhead .mlogo {
        float: left;
        width: 70%
    }

    .mhead .mlogo img {
        width: 100%;
        max-width: 100px;
    }

    .mhead .mnav {
        float: right;
        width: 30%;
        text-align: right;
        position: relative
    }

    .mhead .mnav .mtb img {
        width: 50%;
        /* margin-top: 15%; */
    }

    .mhead .mnav .menu {
        position: absolute;
        top: 60px;
        right: -20px;
        width: 200px;
        background: #FFF;
        z-index: 9;
        display: none
    }

    .mhead .menu a {
        display: block;
        padding: 12px 0px;
        text-align: center;
        font-size: 20px;
        border-bottom: solid 1px #ccc;
        color: #000
    }

    .wapbg {
        position: fixed;
        width: 100%;
        height: 100%;
        z-index: 9;
        background: #000;
        opacity: 0.65;
        -moz-opacity: 0.65;
        filter: alpha(opacity=65);
        display: none
    }

    .mhead .mnav .mclose {
        position: absolute;
        top: 30px;
        right: -20px;
        background: #F30;
        font-size: 24px;
        width: 30px;
        line-height: 30px;
        z-index: 10;
        text-align: center;
        color: #fff;
        display: none
    }

    #banner,
    .banner {
        margin-top: 0px
    }

    .sabout .a1 .pic {
        width: 100%
    }

    .sabout .a1 .txt {
        width: 100%;
        margin-top: 0px
    }

    .sabout .a1 .txt .box2 {
        border: none;
        margin: 0px
    }

    .sabout .a1 .txt .box2 .title {
        font-size: 20px;
        margin: 0px 0 10px 0
    }

    .sabout .a1 .txt .box2 .title em {
        width: 40px;
        border-top: solid 1px #fff;
        margin-top: 10px
    }

    .sabout .a1 .txt .box2 .con {
        font-size: 14px;
        -webkit-line-clamp: 6;
    }

    .sabout .a1 .txt .box2 .more {
        margin: 25px 0 0 0;
        text-align: center
    }

    .sabout .a2 {
        margin: 20px 0 0px 0;
    }

    .atitle {
        font-size: 20px;
    }

    .psort,
    .psort2 {
        display: none;
        position: fixed;
        left: 0;
        top: 0;
        z-index: 999;
        width: 100%;
        height: 100%;
        background: #333;
        color: #fff;
        overflow: auto
    }

    .psort a,
    .psort2 a {
        color: #fff;
        display: block;
    }

    .psort .title,
    .psort2 .title {
        padding: 15px 0;
        text-align: center;
        font-size: 20px;
        background: #000
    }

    .psort .title span,
    .psort2 .title span {
        display: inline-block;
        float: right;
        width: 30px;
        height: 30px;
        line-height: 30px;
        text-align: center;
        background: #F30;
        margin-right: 10px;
        border-radius: 3px;
        cursor: pointer
    }

    .psort .bsort,
    .psort2 .bsort {
        padding: 20px 0
    }

    .psort .bsort li,
    .psort2 .bsort li {
        width: 90%;
        margin: 0 auto
    }

    .psort .bsort li dt a,
    .psort2 .bsort li dt a {
        display: block;
        padding: 10px 20px 10px 35px;
        font-size: 16px;
        background: #1A95CF url(../images/20190325170946_1932179580.png) 10px 13px no-repeat;
        border-bottom: solid 1px #333
    }

    .psort .bsort li dd a,
    .psort2 .bsort li dd a {
        display: block;
        padding: 10px 20px 10px 35px;
        font-size: 16px;
        background: #666 url(../images/20190325170852_1615543300.png) 10px 13px no-repeat;
        border-bottom: solid 1px #999
    }

    .cpwz {
        display: block;
        margin-top: 15px;
        font-size: 14px;
        padding: 0 15px 10px 15px;
        color: #999;
    }
	#dituContent{ width:100%;height:300px;}
}

@media (min-width:1001px) {
    .mhead {
        display: none
    }
}

@media (max-width:767px) {
    
    .bg-e {
        background: #FFF
    }

    .index-case {
        padding: 20px 0
    }

    .index-case h2 {
        font-size: 22px;
        margin-bottom: 20px
    }

    .index-case ul .index-case-item .case-item-title {
        font-size: 14px;
        height: 80px;
        line-height: 20px;
        overflow: hidden
    }

    .index-case ul .index-case-item .case-item-img {
        width: 100%;
        height: auto;
        margin: 10px auto
    }

    /*推荐产品*/
    .tcp>.contanier {
        width: 96%
    }

    .pro_list .pro_nor dl {
        position: relative;
        width: calc(50% - 16px);
        width: -webkit-calc(50% - 16px);
        width: -moz-calc(50% - 16px);
        margin: 0px 8px 16px 8px;
    }

    /*end推荐产品*/
    /*工程案列*/
    .case>.contanier {
        width: 96%
    }
    .case .list ul{
        display: flex;
        flex-wrap: wrap;
    }
    .case .list li {
        width: calc(50% - 16px);
        width: -webkit-calc(50% - 16px);
        width: -moz-calc(50% - 16px);
        margin: 0px 8px 16px 8px;
    }

    .case .list li .title {
        height: 40px;
        line-height: 40px;
        font-size: 14px;
    }

    .case .list li .hidbox .title2 {
        font-size: 14px;
        line-height: 1.2em;
        padding: 0 10px
    }

    .case .list li .hidbox .more1 {
        padding: 2px 10px;
        font-size: 12px;
        margin-top: 20px
    }

    /*end工程案列*/
    .ac1 ul li:nth-child(n+5) {
        display: none
    }

    .col-xs-4 {
        width: 50%
    }

    .pn ul li:nth-child(n+7) {
        display: none
    }

    .news2 {
        margin-top: 0px
    }

    .news>.contanier {
        width: 100%
    }

    .news .nav-list {
        margin: 20px 0
    }

    .news .news-list .news-list-item .list-item-img {
        width: 140px;
        height: 105px;
    }

    .news .news-list .news-list-item .list-item-title {
        padding-left: 10px
    }

    .news .news-list .news-list-item .list-item-img img {
        width: 140px;
    }

    .news .news-list .news-list-item .list-item-title .list-item-head {
        font-size: 16px;
        height: 20px;
        line-height: 20px;
    }

    .news .news-list .news-list-item .list-item-title .list-item-detail {
        font-size: 14px;
        line-height: 20px;
    }

    .news .news-list .news-list-item .list-item-title .list-item-time {
        font-size: 12px;
    }

    .news .nav-list .nav-list-item {
        padding: 0 10px;
    }

    .news h2 {
        margin-top: 0px
    }

    .news h2::after {
        height: 0px
    }

    .news .more1 {
        display: none
    }

    #footerInput {
        display: none
    }

    .link,
    #footer {
        display: none
    }

    .mfooter {
        background: #0B4B6C;
        color: #fff;
        padding: 20px 3% 10px 3%;
    }

    .mfooter .footer2 {}

    .mfooter .footer2 dt {
        float: left;
        width: 35%
    }

    .mfooter .footer2 dt img {
        width: 100%;
        height: auto
    }

    .mfooter .footer2 dd {
        float: right;
        width: 60%;
        font-size: 12px
    }

    .mfooter .footer2 dd a {
        color: #cedbe2;
        margin-left: 20px
    }

    .mfooter .footer2 dd a.dt {
        margin-left: 20px
    }

    .view .title {
        font-size: 20px;
    }

    .bp1 {
        display: none
    }

    #banner,
    .banner {
        margin-top: 0px
    }

    .main {
        margin: 20px auto
    }

    .acon {
        padding: 0 15px;
        font-size: 15px
    }

    #dituContent {
        height: 300px;
    }

    .news_li {
        padding: 0 3% 15px 3%
    }

    .news_li_l {
        width: 30%
    }

    .news_li_l img {
        max-height: 100px;
    }

    .news_li_r {
        width: 67%
    }

    .news_li_r p {
        padding-bottom: 0px;
        -webkit-line-clamp: 2;
    }

    .page td a,
    .page td a:link,
    .page td a:visited {
        margin: 0 -1px;
    }

    .fangan .text {
        margin: 10px 0
    }

    .fangan .text .con {
        height: auto
    }

    .fangan .text h1 {
        font-size: 15px
    }

    .prolist .text {
        margin: 10px 0
    }

    .prolist .text .con {
        height: auto
    }

    .prolist .text h1 {
        font-size: 15px
    }

    .tl_index_title {
        font-size: 22px;
        padding: 20px 0 0 0px
    }

    .slideTxtBox .hd {
        height: 84px;
    }

    .slideTxtBox .bd ul {
        padding: 15px 0
    }

    .slideTxtBox .hd ul li {
        float: left;
        padding: 0 3px;
        width: 25%;
        margin-top: 2px;
        font-size: 14px
    }

    .slideTxtBox .hd ul li.on {
        margin-bottom: 0px;
    }

    .slideTxtBox .bd ul li:first-child:nth-last-child(4) {
        width: 46%
    }

    .slideTxtBox .bd ul li:first-child:nth-last-child(4)~li {
        width: 46%
    }

    .slideTxtBox .bd li .tl_phone_box .tl_img2_box .tl_text {
        font-size: 14px
    }

    .tl_img_list3 li {
        width: 50%
    }
}

@media only screen and (max-width: 992px) {
    .fangan {
        width: 96%;
        padding-top: 0px;
    }

    .fangan .item {
        width: calc(50% - 20px);
        width: -webkit-calc(50% - 20px);
        width: -moz-calc(50% - 20px);
    }

    .pro {
        width: 100%;
        padding: 20px;
    }

    .proleft {
        display: none;
    }

    .proright {
        float: none;
        width: 100%
    }

    .prolist {
        width: 96%;
        padding-top: 0px;
    }

    .prolist .item {
        width: calc(50% - 20px);
        width: -webkit-calc(50% - 20px);
        width: -moz-calc(50% - 20px);
    }
}